@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.migration-instructions-provisioning {
	background: #e8ecfb;
	border-radius: 4px;
	font-size: 0.875rem;
	padding: 12px;
}

.migration-instructions-provisioning__message {
	margin-bottom: 12px;
}

.migration-instructions-provisioning__action {
	align-items: center;
	display: flex;
	gap: 8px;
}

.migration-instructions-provisioning__success {
	display: flex;
	gap: 8px;
}

.migration-instructions-provisioning__action-icon {
	align-items: center;
	display: flex;

	.components-spinner {
		margin: 0;
	}
}

.migration-instructions-provisioning__success-icon {
	fill: var(--color-success);
}

.migration-instructions-provisioning__action-icon-error {
	> svg {
		display: block;
	}

	fill: var(--color-error);
}

.migration-instructions-provisioning__action-text {
	font-size: 1rem;
	font-weight: 500;
}

.migration-instructions-provisioning__action-progress {
	margin-left: auto;
}
